//账簿查询：（全部）17个；
// 管理报表：（全部）4个；
// 现金流量表：3个（现金流量查询• 现金流量明细查询• 现金流量分析表）
// 首页样式

// 查询标题区域样式
//*{
//    margin: 0px;
//    padding: 0px;
//  }

#app .manageReportContainer{
  height: 100%;
  display: flex;
  padding-top: 0px;
  flex-direction: column;
  .report-table-area {
    flex: 1;
    background-color: #ffffff;
    overflow: hidden;
  }
  .modal-report-table-area {
    height: 450px; 
    background-color: #ffffff;
    // height: calc(~"100vh - 135px");
    overflow: hidden;
  }
}
//三栏式总账、三栏式明细账
#app .three-report {
  .tree-area {
    overflow: scroll;
  }
  .left-area {
    background: #f6f6f6;
  }
  .tree-table-container {
    height: calc(~"100% - 134px");
    .myTreenone {  //左树空数据样式
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}
// .ht_master.handsontable{
//   background: white;
// }
#app .searchContainer{
  // margin-bottom: 6px; //报表不需要间隔
  display: flex;
  background-color: #F3F3F3;
  padding: 6px 20px;
}
#app .u-table-placeholder{
  display: flex;
  justify-content: center;
  border-bottom:none;
}
.serrch-area-box {
  display: flex;
  // background: #ffffff;
  // height: 45px;
  align-items: center;
  padding: 6px 20px;
  border-radius: 3px 3px 0 0;
  // background: #F6F6F6;
}
.newheadHeight{
  display: flex;
  background: #f3f3f3;
  height: 40px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #CECECE;
  padding-left: 20px;
  border-radius: 4px;
}
#app #error .main-top{
  margin: 0px;
}
#app #cashQuery .main-bottom{
  margin: 0px;
  padding: 10px 0px 10px 20px;
  .main-bottom-span{
    // width: 70px;
    //text-align: ;
  }
  .m-main-bottom-input{
    width: 100%;
  }
}
#app .m-qccsh-mode .u-modal-content{
  overflow: initial;
  height: auto;
}
#app #cashQuery .main-top{
  margin-left: 0px;
  margin-top: 0px;
}
.serrch-area-box .title-box {
  font-size:16px;
  font-family:MicrosoftYaHei;
  color:rgba(17,17,17,1);
  font-weight: bold;
}
 .condition .NC_CreateSearch .lightapp-component-search .clearBtn{//liuh 不要写全局样式
   margin-left: 6px;
   background-color: #e14c46;
   border-color: #e14c46;
   color: #fff;
 }

 .condition .NC_CreateSearch .lightapp-component-search .clearBtn:hover{
   background: #d7332c!important;
 }
.serrch-area-box .condition-box {
  flex: 1;
  //background: yellow;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 16px;

}

.serrch-area-box .condition-box .conditions{
  display: flex;
}
.serrch-area-box .condition-box .conditions .condition {
  //padding: 0px 10px;
  height: 30px;
  display: flex;
  //align-items: center;
  //background: #555555;
  margin-right: 1px;
  #multiCopyId{
    .u-row{
      .u-col-md-12{
        .refer-wrapper {
          .refer{
            .icon-refer{
              display: inline-block;
              border: 1px solid red;
              width: 120px!important;
            }
          }
        }
      }
    }
  }
  .clearBtn{
    min-width: 60px;
    text-align: center;
  }
}

.serrch-area-box .condition-box .condition.condition-active {
  //background: #E14C46;
}
.serrch-area-box{
  .condition-box{
    .conditions:nth-child(1){
      // width: 5%;
    // margin-right: -3px;  
    }
  }
}
.serrch-area-box{
  .condition-box{
    .conditionsWithout{
      min-width: 8%;
      .condition{
        display: flex
      }
    }
  }
}
.conditions-line{
  width: 1px;
  height: 32px;
  background: #E4E4E4;
  margin:0px 10px 0px 6px ;
}

//按钮区域样式
.serrch-area-box{
  .search-area-contant{
    min-width: initial;
    margin: 0px;
  }
  .NC_CreateSearch .lightapp-component-search .search-component-rowArea{
    //width: auto;
    min-width:initial;
    padding: 0px;
  }
  .u-row{
    margin-right: 0px;
    margin-left: 0px;
  }
  .u-col-xs-12{
    padding: 0px;
  }
  .NC_CreateSearch .lightapp-component-search{
    margin-bottom: 0px;
  }
  .serrch-ref{
    margin-left: 20px;
    display: flex;
    align-items: center;
    .main-bottom-span{
      width: 70px;
    }
    // .nc-input{
    //   height: 30px;
    // }
  }



}
#app .reckoning .disthnoe-box th{
  border-top: none;
  width: 330px;
}
#app .m-analysis-main-bottom{
  display: flex;
  background: #f3f3f3;
  // border-bottom: 1px solid #CECECE;
  padding: 6px 20px;
  .m-analysis-main-bottom-div{
    display: flex;
    align-items: center;
    margin-right: 24px;
    // padding: 4px 0px;
    .main-bottom-span{
      //width: auto;
      padding-right: 8px;
      width: 80px
    }
    // .m-main-bottom-input{
    //   width: 140px;
    // }
    // .m-main-bottom-input-long.m-main-bottom-input{
    //   width: 140px;
    // }
  }

}
//三栏式总账、三栏式明细账 左树右表
// #cashQuery .tree-table-jrt {
//   width: 100%;
//   background: #ffffff;
//   height: calc(~"100vh - 158px");
//   overflow: hidden;
//   display: flex;
//   .left-area {
//     width: 20%;
//   }
//   // .myTree {
//   //   width: 100%;
//   //   height: calc(~"100vh - 158px");
//   //   overflow: scroll;
//   // }
//   // .myTreenone {
//   //   border-right: 1px solid #d0d0d0;
//   //   width: 20%;
//   //   overflow: scroll;
//   //   border-top: 1px solid #d0d0d0;
//   //   background: #F3F3F3;
//   //   display: flex;
//   //   justify-content: center;
//   //   align-items: center;
//   // }
//   .myHand {
//     width: 84%;
//   }
// }

// #app div .mainBody{
//   border: none;
// }


.manageReportContainer{
  height: 100%;
  padding-top: 0px;
  display: flex;
  flex-direction: column;
}
//查询区样式
.searchContainer{
  display: flex;
  flex-wrap:wrap;
  //justify-content:space-between;
  align-items:center;
  padding: 6px 20px;
  // background: #ffffff;
  .u-select-lg .u-select-selection--single{
    height: 30px;
  }
  .cellContainer{
    //width: auto;
    padding: 4px 0px;
    margin-right: 24px;
    .labelName{
      display: flex;
      align-items:center;
      justify-content: flex-start;
    }
    .labelName+div{
      flex: 1;
    }
  }
  .cellContainer .labelName{
    //width: auto;
    padding-right: 8px;
  }
  .m-long .labelName+div{
    width: 320px;

  }
  .m-brief .labelName+div{
    width: 140px;
    .u-select-lg{
      width: 100% !important;
    }
  }






}
//个性化页面
#app {
  .m-warp-bottom-box{
    padding: 10px 0px 10px 20px;
    border-top: 1px solid #d0d0d0;
    background-color: #f3f3f3;
    // height: 88px;
    .warp-bottom-top{
      display: flex;
      height: 34px;
      .ddbt-box,.ar-box,.refs-box{
        display: flex;
        align-items: center
      }
      .ar-box{
        margin-left: 70px;
      }
      .title-box{
        margin-right: 20px;
      }
      .u-radio-label{
        margin-right: 20px;
      }
    }
    .warp-bottom-bottom{
      display: flex;
      margin-left: -5px;
      padding: 5px 0px 0px 0px;
      .u-checkbox{
        display: flex;
        align-items: center;
        margin-right: 25px;
      }
    }
  }
}
.m-analysis-main-bottom{
  // .nc-input{
  //   height: 30px;
  // }
  .u-form-control-wrapper{
    //width: 140px;
  }
  .m-analysis-main-bottom-div {
    .u-form-control-wrapper{
      width: 150px;
    }
  }
}
.reMarkContainer {
  .u-form-control-wrapper{
    overflow: auto;
    // height: 44px;
    display: flex;
    align-items: center;

  }
}

body #app {
  margin: 0px;
  .m-dlzdyej-box{
    display: flex;
    height: 30px;
    line-height: 30px;
    // padding: 10px 20px;
    // background: #ffffff;
    .u-checkbox{
      margin: 0px;
      margin-right: 20px;
    }
    .m-shuchutitile{
      margin-left: 30px;
      margin-right: 10px;
    }
    .u-radio{
      margin-right: 20px;
    }
  }
}

#app div .mainBody{
  // height: 87vh;
  // background: #ffffff;
  // .serrch-area-box {
  //   background: white;
  // }
  // border-top: 1px solid #D9D9D9;
  // .u-form-control.sm{
  //   height: 30px;
  //   line-height: 30px;
  //   overflow-y: hidden!important;
  // }
  .mainShowLeft{
    height: 100%;
    border: none;
    margin-top: 0px;
    padding: 0 10px 10px 10px;
    border-right: 1px solid #D9D9D9;

  }
  .mainShowCenter{
    height: 100%;
    border: none;
    margin-top: 0px;
    margin: 0px;
    padding: 10px;
    padding-top:0px;
    width: 50%;
    border-right: 1px solid #D9D9D9;
    .m-mainShowCenter-top{
      display: flex;
      align-items: center;
      height: 41px;
      .checktype {
        display: flex;
        align-items: center;
        .checktype-label {
          margin-right: 6px;
        }
      }
      .title{
        width: 108px;
      }
      .u-form-control-wrapper{
        width: 200px;
      }
      .u-select-lg .u-select-selection--single{
        height: 30px;
      }
      .u-select-lg .u-select-selection-rendered{
        line-height: 30px;
      }
      .checked{
        display: flex;
        justify-content: flex-end;
        flex: 1;
        .u-checkbox-label:before{
          top: 1px;
        }
        .u-checkbox-label:after{
          top: 1px;
        }
      }
    }
  }
  .mainShowRight{
    height: 100%;
    margin: 0px;
    border: none;
    padding: 10px;
    .m-mainShowRight-top-box{
      display: flex;
      align-items: center;
      .title{
        width: 62px;
      }
      // .u-col-md-12{
      //   padding: 0px;
      // }
      .choseRadio{
        display: flex;
        align-items: center;
        padding-top: 10px;
        margin: 0px;
        .title{
          //margin-right: 40px;
        }
      }
    }
    .ksbz-box{
      text-align: center;
      padding: 20px;
      button{
        width: 190px;
        height: 30px;
        // background: #E14C46;
        // color: #FFFFFF;
        font-size: 13px;
      }

    }
  }
  .top-main{
    height: 40px;
    display: flex;
    align-items: center;
    // .u-checkbox{
    //   line-height: 24px;
    //   height: 30px;
    // }
  }
}
#app div .mainBody .mainShowLeft .table0{
  margin-top: 0px;
}
#app .m-verifyDetails{
  padding: 0px;
}
#app  .m-verifyDetails.m-verifyDetails-my{
  .header-button-area{
    padding: 0px;
  }
}
#app .Mende-ncfrom-box{
  // background: #ffffff;
  display: flex;
  align-items: center;
  // padding: 5px 20px;
  .u-form .u-col-md-2:first-child{
    .u-form-control-wrapper{
      width: 320px;
    }
    .nc-input{
      width: 320px;
    }

  }
  .u-col-md-1{
    width: 70px;
    padding: 0px;
  }
  .u-form{
    width: 100%;
    display: flex;
  }
  .u-row{
    margin: 0px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    .m-form-item{
      width: 406px;
      //color: red;
      .u-form-item{
        width: 320px;
        .u-input-group{
          width: 320px;
          .nc-input{
            width: 320px;
          }

        }
      }
    }
    
    span{
      width: 226px;
      margin-right: 20px;
    }
    .nc-input{
      width: 140px;
    }
    .u-form-item.u-form-inline{
      min-height: initial;
    }
    .u-col-md-2{
      width: 140px;
    }
    .u-form-item{
      width: 140px;
    }
  }

}
#app .Mende-ncfrom-box-min{
  // background: #ffffff;
  display: flex;
  align-items: center;
  // padding: 5px 20px;
  .u-col-md-2{
    text-align: right;
    width: auto;
    padding: 0px;
  }
  .u-col-md-2:nth-child(2){
    text-align: left;
  }
  .u-form{
    width: 100%;
    display: flex;
    height:40px;
  }
  .u-row{
    margin: 0px;
    display: flex;
    width: 100%;
    // span{
    //   width: 226px;
    //   margin-right: 20px;
    // }
    .nc-input{
      border: none;
      padding-left: 16px;
      min-width: 180px;
      max-width:280px;
      overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    background: unset !important;
    }
    .u-form-item.u-form-inline{
      min-height: initial;
    }
    .u-col-md-2+div{
      min-width: 180px;
      max-width:280px;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
    }
    .u-form-item{
      // width: 140px;
    }
  }
}
#app .wtHolder{
  //overflow-y: hidden;
}
#verDetail{
  .wtHolder{
    overflow-y: aoto !important;
  }
}
.m-nbjycsh{
  .nc-bill-header-area .header-title-search-area h2.title-search-detail{
    font-size: 16px;
  }
}
#app .m-nc-bill-form-box{
  position: relative;
  // background: #ffffff;
  .lightapp-component-form{
    // background: initial;
  }
  .table_from{
    width:  800px;
    position: absolute;
    left: 260px;
    z-index: 100;
    // background: #f6f6f6;
    .lightapp-component-form{
      // background: #f6f6f6;
      padding: 0px;
      .selfAccBook{
        //width: auto!important;
      }
      .selfaccounts{
      //width: auto!important;
      }
      .otheraccounts{
        //width: auto!important;
      }
      .otherAccBook{
        //width: auto!important;
      }
    }
  }
}

// #app{
//   #hot{
//     overflow-x:scroll!important;
//     overflow-y: hidden!important; 
//   }
// }
/* 查询弹窗*/
.u-modal-open .m-mxdzcx{
  .u-modal-dialog .u-modal-content{
    height: 525px;
    overflow: hidden;
  }
}
.m-mxdzcx .u-modal-dialog .u-modal-content{
  .u-modal-body{
    padding-top: 0px;
    .ri-wid{
      width: 180px;
      padding: 0px;

    }
    .zhi_{
      font-size: 13px;
      padding: 0px 8px;
    }
    .hefrs{
      width: 126px;
      padding: 0px;
      margin: 0px;
      label{
        margin: 0px;
      }
    }
    .hzdz-rq{
      margin:0px;
    }

  }
  .u-modal-footer{
    height: 40px;
    padding: 5px 20px;
  }
}
.m-mxdzcx{
  //color: red;
  // height: 585px;
  .u-modal-footer{
    border-top: 1px solid #D0D0D0;
  }
  .u-modal-body{
    padding-top: 0px;
    .ri-wid{
      width: 180px;
      padding: 0px;

    }
    .zhi_{
      font-size: 13px;
      padding: 0px 8px;
    }
    .hefrs{
      width: 126px;
      padding: 0px;
      margin: 0px;
    }
    .hzdz-rq{
      margin:0px;
    }
    .m-zdrq-z{
      // padding-left: 24px;
      // background: #f7f7f7;
      padding: 8px 10px;
      // border: 1px solid #d0d0d0;
      .u-row{
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0px;
        padding-left: 14px;
        margin-top: 8px;
        min-height: 30px;
      }
      .u-checkbox .u-checkbox-label:after, .u-checkbox .u-checkbox-label:before{
        top: -1px;
      }
      .u-col-lg-3{
        width: 126px;
        padding: 0px;
        /* margin: -5px; */
        margin-left: -1px;
        font-size: 13px;
      }
    }
  }
  .u-modal-body>.u-row{
    display: flex;
    align-items: center;
    padding: 0px;
    padding-left: 22px;
    margin-top: 8px;
    min-height: 30px;
    .u-col-lg-3{
      width: 126px;
      padding: 0px;
      font-size:13px;
    }
    .u-col-lg-9{
      //flex: 1;
      padding: 0px;
      width: 350px;
    }
    .u-col-lg-4{
      display: flex;
      .u-checkbox-label:before{
        top: -1px;
      }
      .u-checkbox-label:after{
        top: -1px;
      }
    }
    .u-col-sm-6{
      width: 150px;
      padding: 0px;
      margin: 0px;
      .u-button{
        margin: 0px;
      }
      .u-checkbox .u-checkbox-label:after, .u-checkbox .u-checkbox-label:before{
        top: -1px;
      }
    }
    .dzzl{
      //width: auto;
      .u-checkbox-label:before{
        top: 4px;
      }
      .u-checkbox-label:after{
        top: 4px;
      }
    }
  }
  .u-modal-dialog{
    width: 650px;
  }
  // .u-modal-header{
  //   width:650px;
  //   height:40px;

  //   // background:rgba(243,243,243,1);
  //   border-radius:3px 3px 0px 0px;
  //   padding: 0px;
  //   display: flex;
  //   align-items: center;
  //   padding-left: 20px;
  //   font-size: 14px;
  // }

.dateSearchModel>.u-row{
  display: flex;
  align-items: center;
  padding-left: 16px;
  .u-radio-label::after{
    //top: -22px;
  }
  .u-col-lg-1{
    width: 24px;
    padding: 0px;
  }
  .u-col-lg-2{
    width: 102px;
    padding: 0px;

  }
  .u-col-lg-4{
    width: 180px;
  }
  .u-col-lg-3{
    width: 180px;
  }
  .zhi_{
    font-size:13px;
    font-family:MicrosoftYaHei;
    padding: 0px 8px;
  }
  .wfdts{
    //width: auto;
    padding: 0px 8px;
  }
}
  .dateSearchModel>.u-row>div{
    display: flex;
    align-items: center;
    padding: 0px;
    margin-top: 8px;
    .u-radio-label::before{
      top: -14px;
    }
    .u-radio-label::after{
      top: -9px;
    }
  }
  .hzdz-rq.u-checkbox{
     .u-checkbox-label:after,  .u-checkbox-label:before{
        top: 5px;
    }
  }
}
.m-nbjydz{
  .u-row{
    margin: 0px;
    padding: 0px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    padding-left: 5px;
    .u-col-md-4{
      width: 126px;
      padding: 0px;
      margin: 0px;
    }
    .u-col-sm-8{
      width: 350px;
      padding: 0px;
      margin: 0px;
    }
  }
  
}
// .m-compare-card-container{
//   .func-btns-area{
//     height: auto;
//     padding: 8px 20px;
//   }
//   .page-header-title{
//     font-size: 16px;
//   }
//   .m-compare-card-container-son{
//     height: 100%;
//     .compare-tree-table{
//       height: 100%;
//     }
//     .referpannel{
//       height: auto;
//       padding: 8px 20px;
//       justify-content: initial;
//       .nc-input {
//         margin-top:1px;
//       }
//     }
//     .handle-compare-btns{
//       margin-right: 20px;
//       .u-button-group{
//         margin-right: 0px;
//       }
//     }
//     .func-btns-area{
//       .u-button{
//         font-weight: 300;
//         font-size: 13px;
//         line-height: 10px;
//       }
//     }
//   }
// }

// .m-ccheck-list-page{
//   .ccheck-page-body{
//     height: 100%;
//   }
// }
// #app .m-ccheck-card-page{
  // height: 64px;
  // .cc-card-header>span{
  //     font-size: 16px;
  // }
  // .cc-card-body{
    // .cc-card-referpannel{
    //   height: auto;
    //   padding: 8px 20px;
    //   // margin: 0px;
    //   background: #fff;
    // }

    // .lightapp-component-tabs.u-tabs-top{
    //   padding: 0px;
    // }
    // .cc-card-tabs{
      // .u-table-thead>tr>th{
      //   width: 300px;
      // }
      // .u-table-thead>tr>.table-checkbox-class{
      //   width: 50px;
      // }
      // .u-table-thead>tr>.table-xh-class{
      //   width: 50px;
      // }
      // .u-table-body{
      //   overflow: auto;
      //   min-height: 74vh;
      // }
      // .bind-item-btns{
      //   display: flex;
      //   align-items: center;
      // }
      // .bind-item-btns>div{
      //   display: flex;
      //   align-items: center;
      //   margin-right: 15px;
      // }
      // .bind-item-btns>.u-checkbox{
      //   margin-right: 15px;
      // }
    //   .u-tabs-bar{
    //     padding-right: 20px;
    //     background: #fff;
    //   }
    //   .u-tabs-upborder .u-tabs-bar, .u-tabs-upborder .u-tabs-nav-container{
    //     background: #fff;
    //   }
    //   .u-tabs-nav-wrap{
    //     padding-left: 20px;
    //   }
    //   .u-tabs-upborder .u-tabs-nav .u-tabs-tab:after, .u-tabs-upborder .u-tabs-nav .u-tabs-tab:before{
    //     content: "";
    //     position: absolute;
    //     top: 38px;
    //     left: 0;
    //     width: 100%;
    //     height: 86%;
    //     border-left: none;
    //     z-index: -1;
    //   }
    //   .u-tabs-upborder .u-tabs-nav .u-tabs-tab-active{
    //     color: #E14C46;
    //   }
    //   .u-tabs-upborder .u-tabs-nav .u-tabs-tab:after{
    //     background-color: #E14C46;
    //   }
    // }




//   }
  



//   .u-table-body{
//     .u-table-tbody{
//       .u-table-row>td{
//         // padding-top: 5px;
//       }
//       .u-table-row>td>div{
//         width: 300px;
//         padding-top: 5px;
        
//       }
//     }
//   }
// }
// .m-ccheck-card-page>span{
//   font-size: 16px;
// }
// //批生成
// .m-modal-bsc{
//   .u-table-tbody{
//     .u-table-row>td{
//       // padding-top: 5px;
//     }
//     .u-table-row>td>div{
//       width: 150px;
//       padding-top: 5px;
      
//     }
//   }
// }



.handsontableContainer>div{
  .hot-table{
    height: 100%;
    #hot,#handsontable{
      height: 100%!important;
      overflow: auto!important;
    }
  }
}

.myHand{
  #hot .wtHolder{
    overflow-y: auto;
  }
}
.myHand>div{
  height: 100%;
  .hot-table{
    height: 100%;
    #hot{
      height: 100%!important;
      overflow: auto!important;
    }
    .ht_clone_top{
      //z-index: -1!important;
    }
  }

}
.handsontableContainerTwo>div{
  //height: 100%;
  .hot-table{
    height: 100%;
    #hot{
      height: 100%!important;
      overflow: auto!important;
    }
  }

}
#fotter{
  .u-button {
    min-width: 60px;
  }
}
.disabledCell{
  width: 140px;
  border-radius: 4px;
  border: 1px solid #d0d0d0;
  height:30px;
  line-height: 30px;
  border: none
}
.tableDisabledCell{
  width: 725px;
  border-radius: 4px;
  border: 1px solid #d0d0d0;
  height: 30px;
  line-height: 30px;
}
.AnalysisNode{
  #reportTable{
    #hot,#handsontable{
      height: calc(~"100vh - 120px") !important;
      .wtHolder{
        height: calc(~"100vh - 120px") !important;
      }
    }
  }
}

.DetailNode{
  #reportTable{
    #hot,#handsontable{
      height: calc(~"100vh - 126px") !important;
      .wtHolder{
        height: calc(~"100vh - 126px") !important;
      }
    }
  }
}
.CashQuery{
  #reportTable{
    #hot,#handsontable{
      height: calc(~"100vh - 125px") !important;
      .wtHolder{
        height: calc(~"100vh - 125px") !important;
      }
    }
  }
}

.accbalance{
  #reportTable{
    #hot,#handsontable{
      height: calc(~"100vh - 162px") !important;
      .wtHolder{
        height: calc(~"100vh - 162px") !important;
      }
    }
  }
}
// .page-title-Icon{
//   display: inline-block;
//   height: 24px;
//   width: 24px;
//   margin: 0px 8px 0px 0px;
// }